
export const getDOMStyles = (componentName: string) => {
  switch (componentName) {
    case 'box':
      return {
        width: '100%',
        padding: '16px',
        backgroundColor: '#fff',
        border: '1px dashed #577b9c',
      }
    case 'boxrow':
      return {
        width: '100%',
        padding: '16px',
        backgroundColor: '#fff',
        display:'flex',
        border: '1px dashed #577b9c',
      }
    case 'boxcol':
      return {
        flex: '1',
        padding: '16px',
        backgroundColor: '#fff',
        border: '1px dashed #577b9c',
      }
  }
}

export const getWidgetAccept = (componentName: string):string[] => {
  switch (componentName) {
    case 'canvas':
      return ['box', 'boxrow'];
    case 'box':
      return ['box', 'boxrow'];
    case 'boxrow':
      return ['box', 'boxcol'];
    case 'boxcol':
      return [''];
    default:
      return []
  }
}
